<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>联系我们</title>
	<link rel="stylesheet" href="__PLUGIN__/layui/css/layui.css">
	<link rel="stylesheet" href="__CSS__/lianxiwomen.css">
	<style>
        html,body,.container{
            min-width: 1200px;
        }
		.layui-nav .layui-nav-more{
			display: none;
		}
		.layui-bg-blue{
			background: #177cc6!important;
		}
		.swiper-pagination-bullet{
			width: 18px;
			height: 18px;
		}
	</style>
</head>
<body>
	<div class="container">
		{include file="header"/}
		{include file="nav"/}
		<div class="banner">
			<img src="__IMG__/banner1.jpg" alt="">
		</div>
		<div class="main">
			<div class="main_top">
				<h1><i class="layui-icon" style="font-size:24px; color: #1E9FFF;">&#xe609;</i>&nbsp;&nbsp;联系我们</h1>
				<p style="color:#003399;font-weight:bold">河北艾莫森通用航空有限公司</p>
				<p>办公室电话：0312-6400466</p>
				<p>网址：www.aimosn.com</p>
				<p>注册地址：河北省保定市高碑店阳光诺林湾社区门店53号</p>
				<p>机场地址：河北省保定市高碑店市东马营乡东马营初级中学向西500米</p>
			</div>
			<div class="main_cont">
				<div class="demo_main">    
	  				<fieldset class="demo_content">    
			            <div style="height: 550px; width: 100%;overflow:hidden;" id="map">    
			            </div>    
			        </fieldset>    
			    </div>
			</div>	
			
		</div>
		{include file="footer"/}
	</div>
	<script type="text/javascript" src="__PLUGIN__/layui/layui.js"></script>	
	<script>
		layui.use('element', function(){
		  	var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
		  
		  	//监听导航点击
		  	element.on('nav(demo)', function(elem){
		    	//console.log(elem)
		    	layer.msg(elem.text());
		  	});
		});
	</script>
	<script src="__JS__/jquery_city.js"></script>
    <script src="__JS__/jquery.min.js"></script> 
    <script>
    //地图
        var markerArr = [    
            { title: "名称：河北艾莫森通用航空有限公司", point: "115.975106,39.15012", address: "河北省保定市高碑店市东马营乡东马营初级中学西行500米", tel: "0312-6400466" } 
        ];    

        var map; //Map实例    
        function map_init() {    
            map = new BMap.Map("map");

            //第1步：设置地图中心点，保定高碑店    
            var point = new BMap.Point(115.975106,39.15012);

            //第2步：初始化地图,设置中心点坐标和地图级别。    
            map.centerAndZoom(point,12); 

            //第3步：启用滚轮放大缩小    
            map.enableScrollWheelZoom(true);    

            //第4步：向地图中添加缩放控件    
            var ctrlNav = new window.BMap.NavigationControl({    
                anchor: BMAP_ANCHOR_TOP_LEFT,    
                type: BMAP_NAVIGATION_CONTROL_LARGE    
            });    
            map.addControl(ctrlNav);  

            //第5步：向地图中添加缩略图控件    
            var ctrlOve = new window.BMap.OverviewMapControl({    
                anchor: BMAP_ANCHOR_BOTTOM_RIGHT,    
                isOpen: 1    
            });    
            map.addControl(ctrlOve);    

            //第6步：向地图中添加比例尺控件    
            var ctrlSca = new window.BMap.ScaleControl({    
                anchor: BMAP_ANCHOR_BOTTOM_LEFT    
            });    
            map.addControl(ctrlSca);    

            //第7步：绘制点      
            for (var i = 0; i < markerArr.length; i++) {    
                var p0 = markerArr[i].point.split(",")[0];    
                var p1 = markerArr[i].point.split(",")[1];    
                var maker = addMarker(new window.BMap.Point(p0, p1), i);    
                addInfoWindow(maker, markerArr[i], i);     
            }    
        }    

        // 添加标注    
        function addMarker(point, index) {    
            var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png",    
                new BMap.Size(23, 25), {    
                    offset: new BMap.Size(10, 25),    
                    imageOffset: new BMap.Size(0, 0 - index * 25)    
                });    
            var marker = new BMap.Marker(point, { icon: myIcon });    
            map.addOverlay(marker);    
            return marker;    
        }    

        // 添加信息窗口    
        function addInfoWindow(marker, poi) {    
            //pop弹窗标题    
            var title = '<div style="font-weight:bold;color:#CE5521;font-size:14px">' + poi.title + '</div>';    
            //pop弹窗信息    
            var html = [];    
            html.push('<table cellspacing="0" style="table-layout:fixed;width:100%;font:12px arial,simsun,sans-serif"><tbody>');    
            html.push('<tr>');    
            html.push('<td style="vertical-align:top;line-height:16px;width:38px;white-space:nowrap;word-break:keep-all">地址:</td>');    
            html.push('<td style="vertical-align:top;line-height:16px">' + poi.address + ' </td>');    
            html.push('</tr>');    
            html.push('<tr>');    
            html.push('<td style="vertical-align:top;line-height:16px;width:38px;white-space:nowrap;word-break:keep-all">电话:</td>');    
            html.push('<td style="vertical-align:top;line-height:16px">' + poi.tel + ' </td>');    
            html.push('</tr>');    
            html.push('</tbody></table>');    
            var infoWindow = new BMap.InfoWindow(html.join(""), { title: title, width: 200 });    

            var openInfoWinFun = function () {    
                marker.openInfoWindow(infoWindow);    
            };    
            marker.addEventListener("click", openInfoWinFun);    
            return openInfoWinFun;    
        }    

        //异步调用百度js    
        function map_load() {    
            var load = document.createElement("script"); 
            // http://api.map.baidu.com/api?v=2.0&ak=m6zPNIbESEVdvbKo1SqnnwntVmVMn98X
            // load.src = "http://api.map.baidu.com/api?v=1.4&callback=map_init";
            load.src = "http://api.map.baidu.com/api?v=2.0&callback=map_init";
            document.body.appendChild(load);    
        }    
        window.onload = map_load;    
    </script>
</body>
</html>